import React from 'react';
import { Container, Image } from 'react-bootstrap';
import logo from './logo.png'; // 确保logo.png文件在项目的相应目录下

const About = () => {
  return (
    <Container className="mt-5">
      <h1>关于我们</h1>
      <Image
        src={logo}
        alt="Logo"
        className="mx-auto d-block" // 居中显示图片
        style={{ maxWidth: '50%' }} // 限制图片最大宽度为50%
      />
      <p>
        这是科技盒子，专门发布最新的科技新闻。
      </p>
    </Container>
  );
};

export default About;